// component/chooseCity/chooseCity.js
import util from '../../utils/util.js'
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    objectMultiArray: [],
    multiIndex: [0, 0]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    bindMultiPickerColumnChange(e) {
      var data = {
        objectMultiArray: this.data.objectMultiArray,
        multiIndex: this.data.multiIndex
      };
      data.multiIndex[e.detail.column] = e.detail.value;
      // 当第一列改变时，渲染出第二列
      switch (e.detail.column) {
        case 0:
          data.objectMultiArray[1] = data.objectMultiArray[0][e.detail.value].citylist
          // 第一列改变时,初始化第二列值为第一个选项
          data.multiIndex[1] = 0
          break;
      }
      this.setData(data);
    },
    bindMultiPickerChange(e) {
      this.triggerEvent('chooseCity', {
        cityCode: this.data.objectMultiArray[1][e.detail.value[1]].code,
        city: this.data.objectMultiArray[1][e.detail.value[1]].value
      })
    },
  },

  lifetimes: {
    attached: function () {
      // 在组件实例进入页面节点树时执行
      util.request('zhuanti.php', {
        action: 'get_city'
      }).then(e => {
        let list = e.data.data
        this.data.objectMultiArray.push(list)
        this.data.objectMultiArray.push(list[0].citylist)
        this.setData({
          objectMultiArray: this.data.objectMultiArray
        })

      })
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },
})